<template>
  <Liu v-if="showTitle==='liu'"/>
  <Wang v-if="showTitle==='wang'"/>
  <Zhang v-if="showTitle==='zhang'"/>
  <Zhao v-if="showTitle==='zhao'"/>
  <Mi v-if="showTitle==='mi'"/>
  <Yan v-if="showTitle==='yan'"/>
  <Ou v-if="showTitle==='ou'"/>
</template>

<script>
import { computed } from 'vue'
import { useRoute } from 'vue-router'
import Liu from './components/liubingshen.vue'
import Wang from './components/wangxizhi.vue'
import Zhang from './components/zhangqianbei.vue'
import Zhao from './components/zhaomengfu.vue'
import Mi from './components/mifu.vue'
import Yan from './components/yanzhenqing.vue'
import Ou from './components/ouyangxun.vue'
export default {
  name: 'CopyBook',
  components: { Liu, Wang, Zhang, Zhao, Mi, Yan, Ou },
  setup () {
    const route = useRoute()
    const showTitle = computed(() => {
      return route.query.title
    })
    return { showTitle }
  }
}
</script>

<style lang="less" scoped>

</style>
